<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html">
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<%@ page import="edu.uclm.esi.tysw.podtube.domain.Usuario" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%
	Usuario user=(Usuario) session.getAttribute("user");
%>

<table>
	<tr>
		<td bgcolor="YELLOW">
			<s:form action="SubirAudio" method="post" id="subirAudio" enctype="multipart/form-data">
				<s:file name="upload" id="upload" label="Selecciona el audio" accept=".mp3"/>
				<s:submit value="Subir directamente"></s:submit>
				<sj:submit value="Subir con JQuery (y la librería struts2-jquery-plugin-3.6.1.jar)"/><br>
				<s:submit value="Subir con JavaScript" onclick="usuario.subirFicheroConJavascript()"/>
				<div id="palabrasClave">
					<s:label>Puedes ponerle al vídeo hasta tres palabras clave:</s:label>
					<s:textfield id="palabraClave1" name="palabraClave1" label="Palabra clave" onkeyup="cargaPalabraClave(this)" list="datalistPalabraClave1"/>
					<datalist id="datalistPalabraClave1"></datalist>
					<s:textfield id="palabraClave2" name="palabraClave2" label="Palabra clave" onkeyup="cargaPalabraClave(this)" list="datalistPalabraClave2"/>
					<datalist id="datalistPalabraClave2"></datalist>
					<s:textfield id="palabraClave3" name="palabraClave3" label="Palabra clave" onkeyup="cargaPalabraClave(this)" list="datalistPalabraClave3"/>
					<datalist id="datalistPalabraClave3"></datalist>
				</div>
				<span id="progreso"></span>
			</s:form>
		<td>
	</tr>
</table>

<script type="text/javascript" src="scripts/Usuario.js"></script>
<script type="text/javascript" src="scripts/palabrasClave.js"></script>